<template>
	<view class="_tbr">
		<view class="_tbar" @tap="tapIndex">
			<image src="../../static/img/mrjsp.png"></image>
			<label>每日吉塞普</label>
		</view>
		<view class="_tbar" @tap="tapMain">
			<image src="../../static/img/mind.png"></image>
			<label>吉塞普占卜</label>
		</view>
		<view class="_tbar" @tap="tapUser">
			<image src="../../static/img/jspzb.png"></image>
			<label>我的吉塞普</label>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			tapIndex(){
				uni.switchTab({
					url:'/pages/main/main',
					success: (res) => {
						
					},
					complete: (com) => {
						// console.log('跳转页面成功...')
					}
				})
			},
			tapMain(){
				uni.switchTab({
					url:'/pages/divine/main',
					success: (res) => {
						
					},
					complete: (com) => {
						// console.log('跳转页面成功...')
					}
				})
			},
			tapUser(){
				uni.switchTab({
					url:'/pages/user/user',
					success: (res) => {
						
					},
					complete: (com) => {
						// console.log('跳转页面成功...')
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	._tbr{
		height:150rpx;
		position:relative;
		display:flex;
		text-align:center;
		
		._tbar{
			width:100%;
			align-items:center;
			padding-top:15upx;
			
			image{
				width:20%;
				height:30%;
				position:relative;
				margin:auto;
			}
			
			label{
				position:relative;
				display:inline-block;
				width:100%;
				text-align:center;
				color:white;
				font-size:8pt;
			}
		}
	}
</style>
